<template>
   <div>
       <button @click="changeValue">改变值</button>
   </div>
</template>

<script>
   export default {
       data () {
       return {
           text: [],
           persons: [{ name: 'jack'},{ name:'rose'}]
       }
   },
   created(){
   },
   methods: {
       changeValue(){
        //    this.text = 'abc';
        this.person[0].name = 'mick';  
       }
   },
   watch: {
    //    如果是基本类型就不需要深度监视
       text: function(newV,oldV){
           console.log('值改变了，很开心')
       },
       persons: {
        //    不是基本类型 是对象之类的 深度监视  
           handler: function(val,oldVal){
               console.log('person改变了');
           },
           deep: true
       }
   }
 }
</script>

<style>
 
</style>
